<!--
 * @Author: fengxx
 * @Date: 2025-09-10 18:17:35
 * @LastEditors: fengxx
 * @LastEditTime: 2025-11-12 15:15:20
-->
<script setup lang="ts">
import { onBeforeRouteLeave, onBeforeRouteUpdate, useRouter } from 'vue-router'
import { TestUser } from './TestUser'
import { onMounted } from 'vue'
// import axios from 'axios'

const router = useRouter()
function login() {
  router.push('/')
  // router.replace('/')
}
onMounted(() => {
  // axios
  //   .get('/api', {
  //     // headers: {
  //     //   'Content-Type': 'application/json;charset=UTF-8',
  //     // },
  //   })
  //   .then((response) => {
  //     console.log(response.data.data)
  //     // this.userList = response.data.data // 假设你的数据结构是这样的 {'status': 200, 'data': []}
  //   })
  //   .catch((error) => {
  //     console.error('There was an error!', error)
  //   })
  // axios
  //   .post('https://mock.mengxuegu.com/mock/6893730620db2a705aaa2d1a/test/login', {
  //     username: 'admin',
  //     password: 'a123456',
  //     // headers: {
  //     //   'Content-Type': 'application/json;charset=UTF-8',
  //     // },
  //   })
  //   .then((response) => {
  //     console.log(response.data.data)
  //     // this.userList = response.data.data // 假设你的数据结构是这样的 {'status': 200, 'data': []}
  //   })
  //   .catch((error) => {
  //     console.error('There was an error!', error)
  //   })
})
onBeforeRouteUpdate(() => {
  console.log('lll')
})
// 路由离开之前的钩子
onBeforeRouteLeave(() => {
  console.log('dgg')
})
</script>
<template>
  <router-link to="/home">跳转</router-link>
  <TestUser />
  <div><button @click="login">登录</button></div>
</template>
